
<style>
  #f29effe6b::part(background) { stroke-width: 2px; r: 7px; }
  #f29effe6b::part(determinate) { stroke-width: 2px; r: 7px; stroke-dashoffset: 0px; stroke: red; }
</style>
<fluent-progress-ring id="xxx" min="0" max="100" value="30" backgroundcolor="gray" blazor:elementreference="xxx"></fluent-progress-ring>